/*commom style*/
*,*:before,*:after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,th,td,img{border:medium none;margin:0;padding:0;}
body,button, input, select, textarea {font-family:'Microsoft YaHei';}
h1, h2, h3, h4, h5, h6{ font-size: 100%;}
em{font-style:normal;}
ul, ol{list-style: none;}
table{border-collapse: collapse;border-spacing: 0; }
a,ins{text-decoration:none;}
*:focus{outline:none;}
a{color:#333333;}
a:hover{color:#355e92;transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;}
.fl{float:left;}
.fr{float:right;}
.cf:after{display:block;content:"";height:0;visibility:hidden;clear:both;}
.cf{zoom:1;}
.hide{display:none;}
.block{display:block;}
/*内容*/
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h25{height:25px;}
.w1200{width:1200px;margin:0 auto;}
.w1100{width:1100px;margin:0 auto;}
.bgf{background: #fff;}
.content{padding:20px;}
.hide{display:none;}
.tit .titIcon{color:#666666;font-size:17px;font-weight:bold;width:95px;height:35px;line-height:35px;}
.tit .titIcon.hover{color:#004aa0;}
.list {padding-top: 8px;}
.list ul li{line-height:30px;background:url(hsIcon03.png) no-repeat left center;padding-left:12px;font-size:15px;}
.list ul li span{float:right;color:#999999;font-size:15px;}
.titie {border-bottom: 1px solid #d5d5d5;  height: 36px;  }
.titie li{height: 36px;font-size: 17px;color: #333333;padding: 0 20px;cursor: pointer;font-weight: normal;}
.titie li.titC {border-bottom: 3px solid #0e468c;font-weight: bold;color: #004aa0;}
.titieT{height: 36px;border-bottom:none;}
.titieT li.titMore{padding: 0;font-size: 15px;color: #245399;}
.titieT li.titT{background: #004aa0;color:#fff;text-align:center;line-height:36px;width:130px;}
.titieT li.titMore{background: #f2f2f2;width:225px;}
    /*导航*/
.bgImg{position:relative;z-index:100; }
.nav{height:50px;}
.nav ul li{float:left;width:152px;height:50px;line-height:50px;padding-left:60px;margin-right:5px;}
.nav ul li a{color:#fff;font-size:14px;font-weight:bold;}
.nav01{width:50px;height:50px;background: #16a8eb url(navMore.png) no-repeat center center;padding-left:0px;cursor: pointer;}
.nav07{width:50px;height:50px;background: #16a8eb url(navMore.png) no-repeat center center;padding-left:0px;cursor: pointer;}
.nav ul li.nav02{background:#585959 url(nav01.png) no-repeat 20px center;}
.nav ul li.nav02.hover{background:#004aa0 url(nav01.png) no-repeat 20px center;}
.nav ul li.nav03{background:#585959 url(nav02.png) no-repeat 20px center;}
.nav ul li.nav03.hover{background:#004aa0 url(nav02.png) no-repeat 20px center;}
.nav ul li.nav04{background:#585959 url(nav03.png) no-repeat 20px center;}
.nav ul li.nav04.hover{background:#004aa0 url(nav03.png) no-repeat 20px center;}
.nav ul li.nav05{background:#585959 url(nav04.png) no-repeat 20px center;}
.nav ul li.nav05 a {padding-left:10px;}
.nav ul li.nav05.hover{background:#004aa0 url(nav04.png) no-repeat 20px center;}
.nav ul li.nav06{background:#585959 url(nav05.png) no-repeat 20px center;}
.nav ul li.nav06.hover{background:#004aa0 url(nav05.png) no-repeat 20px center;}
.nav ul li.nav07{background:#585959 url(nav05.png) no-repeat 20px center;}
.nav ul li.nav07.hover{background:#004aa0 url(nav05.png) no-repeat 20px center;}
.nav ul li.nav08{background:#585959 url(fwjd.png) no-repeat 20px center;margin-right:0px;}
.nav ul li.nav08.hover{background:#004aa0 url(fwjd.png) no-repeat 20px center;margin-right:0px;}
/*五块切换*/
.content{padding:20px;background: #fff;}
/*第一块*/
/*轮播图*/
*{ padding:0; list-style:none; border:none;}
#focus {width:470px; height:310px; overflow:hidden; position:relative;margin:0 auto;}
#focus ul {height:360px; position:absolute;margin:0;padding:0;}
#focus ul li {float:left; width:470px; height:310px; overflow:hidden; position:relative; background:#000;}
#focus ul li img{width: 100%;height: 100%;}
#focus ul li div.photo_bt {padding-left:6px;position:absolute; bottom:0; left:0; font-size:13px; color:#ffffff; z-index:1; width:470px;line-height: 40px; overflow:hidden;
    background:url(gray.png) repeat-x;}
#focus .btnBg {position:absolute; width:470px; line-height:40px; left:0; bottom:0; background-color:#000;}
#focus .btn {position:absolute; width:250px; line-height:40px; right:10px; bottom:0px; text-align:right;z-index: 2}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:8px; height:8px;border-radius: 50%; _font-size:0; margin-left:10px; cursor:pointer; background:#fff; color:#000; text-align: center;}
#focus .btn span a{font-size: 15px;}
#focus .btn span.on {background:#ff4400;}
#focus .preNext {width:30px; height:30px; position:absolute; top:125px; background:url("http://zjjcmspublic.oss-cn-hangzhou.aliyuncs.com/jcms_files/jcms1/web2745/site/picture/294/1710240950323401146.png") no-repeat 0 0; cursor:pointer;}
#focus .pre {left:10px;}
#focus .next {right:10px; background-position:right top;}
/*海事新闻&媒体聚焦*/
.firstRight{width:575px;}
.topTitle{color:#004aa0;font-size:22px;text-align:center;}
.topTitle a{color:#004aa0;}
.bigTit{border-bottom:1px dashed #999;padding-bottom:10px;margin-bottom:10px;}
.bigTit p{text-indent:2em;margin-top:10px;color:#999999;font-size:15px;line-height:25px;}
.tit li{float:left;}
.icon01{background:url(hsIcon01.png) no-repeat;width:5px;height:16px;margin-right:10px;margin-top:10px;}
.icon02{background:url(hsIcon02.png) no-repeat left center;
    /*width:2px;height:16px;*/
    margin-right:10px;
    /*margin-top:10px;*/
    padding-left:12px;
}
/*机构职能*/
.jign{background:url(/picture/3/1806251551107369570.png) no-repeat left center;height:115px;padding-left:170px;padding-top:20px;}
.jign ul li{float:left;text-align:center;height:70px;line-height:70px;width:175px;color:#333333;font-size:15px;}
.jign ul li span{margin-left:15px;}
/*第二块*/
/*政策法规*/
.t-la{float:left;width:160px;height:40px;border:1px solid #cdcdcd;color:#999999;font-size:15px;padding:5px 0 5px 10px;margin-right:20px;}
.t-la02{width:120px;}
.secondLeft-one .inputSearch{ width: 235px;border: 1px solid #cdcdcd; height: 40px;margin-right:20px;padding-left:15px;color:#999999;font-size:15px;}
.secondLeft-one .inputSubmit{width:105px;height:40px;background: #e28204;color:#fff;font-size:17px;}

/*规划计划&海事规费&权力清单&行政处罚&财政资金*/
.ladyScroll-01 {  position: relative;  width: 685px;  height: 160px;}
.ladyScroll-01 .prev {  width: 16px;  height: 30px;  position: absolute;  top: 45px;  left: 0;  z-index: 100;  cursor: pointer; /*background: url(left.png);*/  }
.ladyScroll-01 .next{  width: 16px;  height: 30px;  position: absolute;  top: 45px;  left: 660px;  z-index: 100;  cursor: pointer;  }
.ladyScroll-01 .scrollWrap, .ladyScroll-02 .scrollWrap {  width: 685px;  margin: 0 40px;  overflow: hidden;  position: absolute;  }
.gcqzjs-list { width: 685px;  position: relative;  overflow: hidden;  padding: 0px;  margin: 0px; }
.gcqzjs-list>.icon1 {  width: 104px;  height: 160px;  margin-right: 20px;  text-align: center;  position: relative;  }
.gcqzjs-list  li span{font-size:17px;color:#333;}
/*通知公告*/
.secondRight-one li{float:left;margin-bottom:30px;width:167px;height:50px;border-top:1px solid #cdcdcd;padding-left:65px;line-height:22px;font-size:15px;color:#333333;}
.secondRight-one .secondIcon01{margin-right:20px;background:url(/picture/3/1806251552001975320.png) no-repeat left center;}
.secondRight-one .secondIcon02{background:url(/picture/3/1806251552001938981.png) no-repeat left center;}
.secondRight-one .secondIcon03{margin-right:20px;background:url(/picture/3/1806251552002029551.png) no-repeat left center;}
.secondRight-one .secondIcon04{line-height:22px;background:url(/picture/3/1806251552001997480.png) no-repeat left center;}

/*第三块*/
/*网上办事大厅*/
.thirdLeft{width:772px;height:197px;background:url(bsfwBg.png) no-repeat;}
.thirdLeft>div{text-align:center;color:#fff;font-size:20px;line-height:45px;}
.thirdLeft>ul li{float:left;width:154px;text-align:center;}
.thirdLeft>ul li span{display:inline-block;width:150px;font-size:15px;color:#333;margin-top:15px;}
/*船员服务*/
.thirdRight li{float:left;height:40px;width:105px;margin-right:20px;padding-left:25px;line-height:40px;background:url(hsIcon04.png) no-repeat left center;}
/*从业人员查询&企业机构查询....*/
.thirdTitle{border-bottom:1px solid #e3e3e3;}
.thirdTitle li{float:left;font-size:17px;font-weight:bold;color:#666666;text-align:center;
    cursor: pointer;
    width:133px;height:56px;line-height:56px;background:url(hsIcon02.png) no-repeat left center;}
.thirdTitle li.hover{color:#004aa0;border-bottom:3px solid #004aa0;}
.thirdTitle li:first-child{text-align:left;background:none;}
.thirdTitle li.thirdTitle-icon05{width:190px;}
.thirdTitle li.thirdTitle-icon06{width:250px;}
.thirdList{background: #f0f0f0;height:170px;padding-top:20px;}
.thirdList ul li{float:left;width:132px;text-align:center;font-size:15px;color:#000;}
.thirdList ul li span{display:inline-block;width:100%;margin-top:15px;}

/*第四块*/
/*在线访谈*/
.zxft ul li{line-height:30px;font-size:15px;color:#333333;text-align: justify;}
.zxft ul li span{color:#355e92;font-weight:bold;}
.forthRight{background:url(jzxxBg.png) no-repeat left center;width:400px;height:240px;padding:15px 0px 15px 10px;}
.forthRight li{float:left;width:130px;height:208px;padding-top:60px;text-align:center;}
.forthRight li span{display:inline-block;width:100%;font-size:17px;color:#333;margin-top:15px;}
.forthRight li.jzxx{padding-top:35px;color:#fff;}
.forthRight li.jzxx span{color:#fff;margin-top:5px;margin-bottom:20px;}
.forthRight li.jzxx a{display:inline-block;width:73px;height:26px;line-height:26px;color:#fff;font-size:13px; background:url(/picture/3/1806251553088792651.png) no-repeat;}


/*第五块*/
/*数据发布*/
.sjfb li{float:left;width:138px;text-align:center;height:40px;line-height:40px;font-size:15px;color:#004aa0;}
.sjfb li a{color:#004aa0;}
.sjfb li.hover{color:#a00000;}
.sjfb li.hover a{color:#a00000;}
.fifthBottom li{float:left;margin-left:25px;}
.fifthBottom li:first-child{margin-left:0px;}


/* 第六块 */
.fwjg_tit {
    width:300px;
    height:50px;
    margin:-10px auto 0;
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    padding-left:45px;
    background: url(typt.png) no-repeat top center;
}
.fwjd {
    border-top: 2px solid #3681d9;
    height:330px;
    background:url(fwjdbg.png) no-repeat;
}
.fwjd ul li{
    float: left;
    margin-left:100px;
    margin-top:50px;
}
.fwjd ul li img{
    width:130px;
    height:130px;
    display: block;
    margin-bottom:20px;
}
.fwjd ul li a{
    display: inline-block;
    text-align: center;
    font-size: 24px;
}